﻿.mGrid {   
    width: 100%;   
    background-color: #fff;   
    margin: 5px 0 10px 0;   
    border-collapse:collapse;   
    font-family:Calibri;
}  
.mGrid th { 
    padding: 4px 2px; 
    color: #fff; 
    background: #18486c; 
    border-left: solid 1px #525252; 
    font-size: 0.9em; 
}
.mGrid td { 
    padding: 2px; 
    border: solid 1px #c1c1c1; 
    color: #717171; 
    padding:6px;
}

.mGrid td input
{
    width:15px;
    height: 15px;
}
.mGrid td.center  
{
    text-align:center;
}
.mGrid td.onMouseOver { 
    /*border-top-width: 1.5px; */
    background-color:#d8e6f1;
}

.mGrid tr.selectedRow > td { 
    border-bottom: 1px solid #639EC8;
}

.mGrid  tr.selectedRow > td.selected { 
    border-left: solid 1px #639EC8; 
    border-right: solid 1px #639EC8; 
    border-top: solid 1px #639EC8; 
    border-bottom-color:#d8e6f1;
    background-color:#d8e6f1;
}
.mGrid td.onTopSelected {
	border-bottom:transparent;
}

.mGrid td.center:first-child > span
{ 
	position:relative;	
	z-index:1;
    cursor:pointer;
    font-weight: bold; 
	/*display:block;*/
}
.mGrid td.selected:first-child > span:before{
	display:none;
}

.mGrid td.center:first-child >span:before
{
	content:"";
	position:absolute;
	z-index:-1;
	top:95%;
	left:97%;
	background-image:url(/Images/Test/extend.png);
	background-repeat: no-repeat;
	-webkit-transform: scale(0.9,0.9) rotate(-225deg);
	transform: scale(0.9,0.9) rotate(-225deg);
	width:15px;
	height:15px;
}

.mGrid tr.hiddenRow > td:first-child{ 
    cursor:default;
    padding:0px;
    border-bottom: 1px solid #639EC8;
    border-left: 1px solid #639EC8;
    border-right: 1px solid #639EC8;
}
.mGrid td.pagerclass {
	text-align:center;
}
.mGrid td.pagerclass > table{
	margin:auto;
}

.mGrid td.pagerclass > table td {
	padding:1px;
	width:15px;
	margin:auto;
	text-align:center;
}
.mGrid td.pagerclass > table td > a{
	text-decoration:none;
	color:black;
}

.mGrid td.pagerclass > table td.currentFrame {
	font-weight:bold;
	background-color:#c1c1c1;
}

.mGrid tr.pagerclass td.onMouseOver{ 
    cursor:pointer;
}

.detailedPanel
{
    background-color:#d8e6f1;
    height:250px;
    overflow-x: hidden;
    overflow-y: auto;
}

.detailedPanel > div
{
    margin-left: 20px;
    margin-right: 20px;
    padding-top:10px;
    padding-bottom:10px;
    font-weight: normal;
}

.detailedPanel > div > span:first-child
{
    margin-top: 20px;
    font-style:italic;
    font-weight:bold;
}

.hiddenRow
{
    display:none;
}

.detailedPanel > div.approveBlock
{
    margin: auto;
    text-align:center;
    width:65%;
    margin-top: 7px;
    background-color:White;
    border: solid 1px #639EC8; 
}

.footerstyle
{
    background-color: #DFDFDF;
    color: White;
    text-align: center;
    cursor:default;
}